@charset "utf-8";
@import "reset";
@function c($px) {
    @return $px/2;
}

$color:#ff9344;
.web {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    header {
        position: absolute;
        
        padding: c(17px) 0 c(10px);
        width: 100%;
        .head_left {
            width: c(123px);
            height: c(123px);
            margin-left: c(23px);
            a {
                display: block;
                img {
                    width: 100%;
                }
            }
            
        }
        .head_right {
                width: c(163px);
                height: c(69px);
                margin-right: c(1px);
                margin-top: c(30px);
                border: c(3px) solid #color;
                select {
                    width: 100%;
                    height: 100%;
                    border: none;
                    padding-left: c(14px);
                    -webkit-appearance: none;
                }
                &::after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-top: c(16px) solid $color;
                    border-top: c(15px) solid transparent;
                    border-right: c(15px) solid transparent;
                    position: absolute;
                    right: c(14px);
                    top: c(25px);
                }
        }
    }
}
header{
    
}
section{
    position: absolute;
    left: 0;
    top: 75px;
    bottom: 72px;
    overflow-y: auto;
}

footer{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: c(15px) 0;
    ul li{
        width: 25%;
        text-align: center;
        a{
            display: block;
            color: #000000;
            font-size: c(26px);
            .my_icon{
                color: $color;
                font-size: c(72px);
            }
        }
    }
}
